<?php
$cdnUrl='./';
$cdnUrl2='http://tu-10030004.file.myqcloud.com/ming/';
$appId='wxe214ac48790c622f';
$secret='6b7153fc9c94ee2008e71ecbb2313bec';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
 
 
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>铭家点心</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;background:#511a20;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;max-width:750px;}
body, div{padding:0px;margin:0px auto;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-align:center;text-indent:6px;color:#fff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{color:#a3a0a0;text-align:left;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;transform:translate3d(0,0,0);width:100%;height:auto;}
.p-b{position:absolute;width:100%;top:0;left:0;}
.page, .thesli, .home{position:absolute;width:100%;height:100%;top:0;left:0;overflow-x:hidden;}
.thesli{opacity:0;}
.page{display:none;}
.ltop{top:0;}
.w100, .ltop, .bg{position:absolute;width:100%;left:0;display:block;}
.p1-t1{position:absolute;width:80%;left:10%;display:block;}
.tip{position:absolute;z-index:9;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);;top:0px;left:0px;}
.animated{
  -webkit-animation-duration: 1s;animation-duration: 1s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.ani2{
  -webkit-animation-duration: 2s;animation-duration: 2s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.animated.infinite, .ani2.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@keyframes fadeInLeft{from {opacity: 0;transform: translate3d(-20%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
.fadeInLeft{animation-name: fadeInLeft;}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(40%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUp {
  from {opacity: 0;transform: translate3d(0, 30%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fadeInUp {animation-name: fadeInUp;}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
.hide{display:none;}
 
.p1-m{position:absolute;z-index:2;}
.rule-t1{position:absolute;width: 100%;background:transparent url('<?php echo $cdnUrl2 ?>img/rule.png') no-repeat;background-size:cover;}
.rule-close{position:absolute;width:15%;height:20%;top:5%;right:12%;}
.p2-t1{position:absolute;width: 100%;background:transparent url('<?php echo $cdnUrl ?>img/p2-t3.png') no-repeat;background-size:cover;border: 2px solid #bd8560;overflow:hidden;}
.p2-box{position:absolute;width: 100%;height: 100%;top:0;left: 0;background: #bd8560;border:0.1px solid #bd8560;} /** */
.p2-tu{display:block;width:100%;height:auto;position:absolute;top:0;left:0;}

.p2-t2{position:absolute;width: 100%;background:transparent url('<?php echo $cdnUrl2 ?>img/p2-input.png') no-repeat;background-size:cover;overflow:hidden;}
@font-face{
  font-style: normal;
  font-family: 'mou';
  src:url('mou.ttf') format('truetype');
}
.p2-input{font-family:"mou","Microsoft YaHei",sans-serif;position:absolute;width:80%;left: 10%;top: 10%;height: 76%;background:transparent;border:none;color: #f8e5c4;}
.p2-txt{font-family:"mou","Microsoft YaHei",sans-serif;position: absolute;width: 70%;bottom: 18.6%;left: 5%;font-size: 18px;color: #f8e5c4;}
.p1-txt1{font-family:"mou","Microsoft YaHei",sans-serif;position:absolute;width: 1px;height: 1px;top:0;left:0;opacity:0;}
.p3-t2{position:absolute;width: 100%;background:#b57956;overflow:hidden;border:0.1px solid #bd8560;}
.p3-tu{position: absolute;width: 98.8%;left: 0.5%;top:0.2%;border:0.1px solid #bd8560;}
.p3-k{position: absolute;width: 100%;height: auto;top:0;left:0;border:0.1px solid #bd8560;}
.p3-press{position: absolute;width: 100%;height: 100%;opacity:0;}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}

</style><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?28770678fad166273374a3ea674b746a";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script></head>
<body>
<div class="container">
<div class="p1 page">
    <img class="ltop p1-bg" src="<?php echo $cdnUrl2 ?>img/bg.jpg">
    <img class="ltop" src="<?php echo $cdnUrl2 ?>img/p1-b.png">
    <img class="p1-logo simg animated fadeInDown" src="<?php echo $cdnUrl ?>img/logo.png">
    <img class="p1-m gorotate" src="<?php echo $cdnUrl ?>img/m.png">
    <img class="p1-t1  animated fadeInLeft" src="<?php echo $cdnUrl ?>img/p1-t1.png">
    <img class="p1-b1 simg   animated fadeInUp" src="<?php echo $cdnUrl ?>img/p1-b1.png">
    <div class="p1-txt1">1</div>
</div>

<div class="p2 page" id="p2">
    <img class="ltop p1-bg" src="<?php echo $cdnUrl2 ?>img/bg.jpg">
    <img class="ltop" src="<?php echo $cdnUrl2 ?>img/p1-b.png">
    <img class="p1-logo simg animated fadeInDown" src="<?php echo $cdnUrl ?>img/logo.png">
    <img class="p1-m" src="<?php echo $cdnUrl ?>img/m.png">
    <div class="p2-t1 simg">
    	<div class="p2-box" id="p2Box">
    		<img class="p2-tu" id="p2Img" src="<?php echo $cdnUrl ?>img/tu.jpg?v=2">
    		<div class="p2-txt"></div>
    	</div>
    	 
    </div>
    
     
    <div class="p2-t2 hide">
    	<textarea class="p2-input" maxlength="60"></textarea>

    </div>
 

    <img class="p2-b1 simg  animated fadeInLeft" src="<?php echo $cdnUrl ?>img/p2-b1.png">
    <img class="p2-b2 simg  animated fadeInRight" src="<?php echo $cdnUrl ?>img/p2-b2.png">
    <img class="p2-b3 simg  animated fadeInUp" src="<?php echo $cdnUrl ?>img/p2-b3.png">


</div>

<div class="p3 page">
   <img class="ltop p1-bg" src="<?php echo $cdnUrl ?>img/bg.jpg">
    <img class="ltop" src="<?php echo $cdnUrl2 ?>img/p1-b.png">

    <img class="p3-l1 w100" src="<?php echo $cdnUrl ?>img/p3-l1.png?v=2">

    <img class="p1-logo simg animated fadeInDown" src="<?php echo $cdnUrl ?>img/logo.png">
    <img class="p1-m" src="<?php echo $cdnUrl ?>img/m.png">
   
   <div class="p3-t2" id="p3Box">
   	   <img class="p3-tu"  src="<?php echo $cdnUrl ?>img/tu.jpg?v=3">
       <img class="p3-k"  src="<?php echo $cdnUrl ?>img/p3-t2-2.png?v=4">
   </div>

   <img class="p3-b1 simg" src="<?php echo $cdnUrl ?>img/p3-b1.png"> 

   <img class="p3-press" src="<?php echo $cdnUrl ?>img/p3-b1.png">

</div>



<div class="rule tip">
	 <div class="rule-t1"><div class="rule-close"></div></div>
</div>
 
  
<div class="js_dialog">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
</div>

<div style="display:none;">
    <audio id="mbg" preload="auto" volume="0.2" loop="loop"><source src="http://tu-10030004.file.myqcloud.com/ming/m.mp3"  type="audio/mpeg"></audio> 
</div>

 
</div>
<script src="https://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="js/html2canvas.min.js"></script>
<script src="js/transform.js"></script>
<script src="js/alloy_finger.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php include 'js.php'; ?>
</body></html>